@charset "utf-8";
//公用头部
.header{
    width: 100%;
    height: 135px;
    .menuFather{
        width: 100%;
        height: 40px;
        background: #dfdfde;
    
        .menu{
            width: 980px;
            height: 40px;
            margin: 0 auto;
            line-height: 40px;  
            background: #dfdfde;
            .phone{
                width: 210px;
                height: 40px;
                font-size: 14px;
                float: left;
            }    
            .other{
                width: (160px-20px);
                height: 40px;
                float: right;
                padding: 0 10px;
                >a{
                    font-size: 14px;
                    color: black;
                }
                >a:nth-child(2){
                    margin-left: 20px;
                }
            }
        }
    }
    .content{
        height: (135px-40px);
        width: 980px;
        background: white;
        margin: 0 auto;
        .logo{
            width: 270px;
            height: 95px;
            
            float: left;
        }
        .nav{
            width: 665px;
            height: 95px;
            float: right;
            >ul{
                >.activity{
                    background: #faf8f8;
                    //border-bottom: 3px solid #3c9cd3;
                }
                >li{
                    width: 94px;
                    height: 93px;
                    overflow: hidden;
                    text-align: center;
                    float: left;
                    font-weight: bold;
                    position: relative;
                    transition: all 0.3s;
                    .underline{
                        width: 1px;
                        height: 2px;
                        background: #3c9cd3;
                        position: absolute;
                        top: 91px;
                        transition: all 0.3s;
                    }
                    &:hover{
                        cursor: pointer;
                        background: #faf8f8;
                        //border-bottom: 3px solid #3c9cd3;
                        >.underline{
                            width: 94px;
                        }
                    }
                    >a{
                        display: block;
                        margin-top: 30px;
                        color: black;
                        font-size: 14px;
                    }
                    >p{
                        font-size: 12px;
                    }
                }
            }
            
        }
    }
}

//公用底部
.footer{
    width: 100%;
    height: 138px;
    
    >.nav{
        width: 100%;
        height: 103px;
        background: #3c9cd3;
        text-align: center;
        line-height: 30px;
        >p{
            font-size: 12px;
            color: white;
            >.iconfont{
                
            }
            >.icon-weibo{
                color: #48b9fa;
            }
            >.icon-qq{
                color: #48b9fa;
            }
            >.icon-weixin{
                color: #48b9fa;
            }
            >i{
                margin-left: 25px;
            }
        }
        >ul{
            display: inline-block;
            width: 428px;
            height: 12px;
            >li{
                float: left;
                list-style: disc;
                margin-right: 28px;
                color: white;
                font-size: 12px;
                >a{
                    
                    color: white;
                }
            }
            >li:first-child{
                list-style: none;
            }
            >li:last-child{
                margin-right: 0;
            }
        }
    }
    >.copyright{
        height: 35px;
        width: 100%;
        background:#1c1b29 ;
        text-align: center;
        color: white;
        font-size: 12px;
        line-height: 35px;
    }
}